/*个人中心*/
.uc-center{
	.g-navbar,.sp-banner-bar{
		background:#f7f7f7;
	}
	.g-navbar{
		padding:20px 0 15px 0;
		height:75px;
		border-top:1px solid #cbd9dd;
	}
	.sp-banner-bar{
		height:402px;
	}
}
.uc-main{
	margin-top:-78px;
	position: relative;
	z-index: 1;
}
.uc-sidebar{
	width:280px;
	border:1px solid #e4e4f0;
	background:#fff;
	@include fn-border-radius(3px);
}
.uc-contarea{
	position: relative;
	width:860px;
	background-color:#fff;
	@include fn-border-radius(3px);
}
.uc-tips{
	margin:0;
	position: absolute;
	top:5px;
	right:-183px;
	display:block;
	width:97px;
	height:163px;
	background:url(#{$firstlevel-path}images/subpage/uc-wis-ico.png) no-repeat;
	font-size:0;
	text-indent:-999px;
}
.uc-sidebar-title{
	margin-top: -37px;
	margin-left:10px;
	width:231px;
	height:74px;
	background:url(#{$firstlevel-path}images/subpage/hd-bg.png) no-repeat;
	&:before{
		display:table;
		content:'';
	}
}
.uc-tit-pic{
	margin:0;
	margin-top: 20px;
	margin-left:45px;
	width:110px;
	height:41px;
	background:url(#{$firstlevel-path}images/subpage/uc-title.png) no-repeat;
	font-size:0;
	text-indent:-9999px;
}

.sidebar-uc-msg{
	padding:20px 20px 18px 20px;
	width:100%;
	overflow:hidden;
	text-align:center;
}
.sidebar-tx{
	display:inline-block;
	width:73px;
	height:73px;
	overflow:hidden;
	img{
		width:100%;
		height:100%;
	}
}
.sidebar-ux-name{
	margin:0;
	margin-top:10px;
	font-size: 16px;
	color:#eb6262;
	line-height:20px;
	@include fn-text-ellipsis;
}
.sidebar-col-group{
	width:100%;
}
.sidebar-col-item{
	width:100%;
	height:59px;
	border-top:1px dashed #e4e4f0;
	&.active,&:hover{
		.sidebar-link{
			color:#6a8dea;
			.data-ico{
				background-position:-56px -20px;
			}
			.eye-ico{
				background-position:-56px -60px;
			}
			.review-ico{
				background-position:-56px -100px;
			}
			.sign-ico{
				background-position:-56px -140px;
			}
			.msg-ico{
				background-position:-56px -180px;
			}
			.phone-ico{
				background-position:-56px -220px;
			}
			.password-ico{
				background-position:-56px -260px;
			}
		}
	}
	&.active{
		background-color:#f7f7f7;
		.sidebar-link{
			&:before{
				background-color:#6a8dea;
			}
		}
	}
}
.sidebar-link{
	display:block;
	width:100%;
	height:100%;
	font-size:16px;
	color:#4d4d4d;
	line-height:58px;
	&:before{
		float:left;
		display:block;
		content:'';
		width:4px;
		height:58px;
		background-color: transparent;
		margin-right:57px;
	}
	i{
		margin-top:19px;
		margin-right:15px;
		display:block;
		float:left;
		width:16px;
		height:20px;
		background:url(#{$firstlevel-path}images/subpage/uc-sprite.png) no-repeat;
		&.data-ico{
			background-position:-20px -20px;
		}
		&.eye-ico{
			background-position:-20px -60px;
		}
		&.review-ico{
			background-position:-20px -100px;
		}
		&.sign-ico{
			background-position:-20px -140px;
		}
		&.msg-ico{
			background-position:-20px -180px;
		}
		&.phone-ico{
			background-position:-20px -220px;
		}
		&.password-ico{
			background-position:-20px -260px;
		}
	}
}

.uc-title{
	margin:0;
	padding:30px;
	width:100%;
	height:78px;
	font-size:16px;
	line-height:18px;
	color:#fff;
	background: #435abe;
	background: -moz-linear-gradient(left,  #435abe 0%, #60a6ef 100%);
	background: -webkit-linear-gradient(left,  #435abe 0%,#60a6ef 100%);
	background: linear-gradient(to right,  #435abe 0%,#60a6ef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#435abe', endColorstr='#60a6ef',GradientType=1 );
	@include fn-border-top-radius(3px);
	em{
		margin-left:15px;
		font-size:14px;
		font-family:"Arial";
		text-transform: capitalize;
		@include fn-opacity-compatible(.6);
	}
}
.uc-cont-group{
	width:100%;
	border:1px solid #e4e4f0;
	@include fn-clearfix;
	border-top:2px solid #ffc786;
	@include fn-border-bottom-radius(3px);
	&.browse-cont,&.uc-review-cont{
		border-bottom:none;
		border-left:none;
		border-right:none;
		.lh-pagination{
			text-align:right;
		}
	}
}

.uc-form{
	width:100%;
	@include fn-clearfix;
}
.d-tx-wrap{
	text-align:center;
	margin:34px auto 0 auto;
	width:140px;
}
.uc-tx-wrap{
	display:block;
	width:140px;
	height:140px;
	overflow:hidden;
	@include fn-border-radius(70px);
	img{
		width:100%;
		height:100%;
	}
}
.tx-upload{
	margin-top:18px;
	display: inline-block;
	width:76px;
	height:30px;
	border:1px solid #e4e4f0;
	@include fn-border-radius(3px);
	background-color:#6a8dea;
	text-align:center;
	line-height:28px;
	color:#fff;
	&:hover{
		@include fn-opacity-compatible(.9);
		color:#fff;
	}
}
.uc-form-inner{
	margin-top:20px;
	margin-left:56px;
	margin-bottom:56px;
	width:600px;
}
.uc-form-item{
	width:100%;
	overflow:hidden;
	margin-bottom:20px;
	>label{
		padding:0 10px;
		margin:0;
		float:left;
		width:200px;
		height:50px;
		min-height:1px;
		line-height:50px;
		text-align:right;
		font-size:14px;
		color:#333;
	}
}
.uc-input-group{
	float:left;
	width:400px;
	height:50px;
	overflow:hidden;
	font-size:16px;
	line-height:50px;
	color:#666;
	a{
		margin-left:54px;
		color:#6a8dea;
		font-size:14px;
	}
	label{
		margin-right: 40px;
		text-align: left;
	}
}
.uc-input-txt{
	padding:10px;
	width:100%;
	height:48px;
	border:1px solid #e4e4f0;
	background:#fff;
	font-size:16px;
	color:#999;
	line-height: 28px;
}
.uc-submit-btn{
	display:block;
	margin:0 auto;
	width:244px;
	height:50px;
	@include fn-border-radius(3px);
	background:#6a8dea;
	border:none;
	font-size:16px;
	color:#fff;
	cursor:pointer;
	&:hover{
		@include fn-opacity-compatible(.9);
	}
}

.browse-form{
	width:100%;
	overflow:hidden;
}
.uc-table-wrap{
	width:100%;
	border:1px solid #e4e4f0;
	@include fn-border-bottom-radius(3px);
}
.uc-table-row{
	width:100%;
	height:60px;
	label{
		margin-bottom:0;
		float:left;
	}
	th{
		font-size:16px;
		color:#4c4c4c;
		&+th{
			text-align:center;
		}
	}
}

.uc-center{
	.J_form .icheckbox_minimal{
		display: inline-block;
		vertical-align: middle;
		margin: 0;
		padding: 0;
		width: 22px;
		height: 22px;
		background: url(#{$firstlevel-path}js/library/jquery_plugins/icheck/square/orange.png) no-repeat;
		border: none;
		cursor: pointer;
		background-position:0 0;
		margin-left: 30px;
		margin-right:23px;
		margin-top: -4px;
	}
	.J_form .uc-table-row .checked{
		background-position: -48px 0;
	}
	.J_form .iradio_minimal{
		display: inline-block;
		vertical-align: middle;
		margin: 0;
		padding: 0;
		width: 13px;
		height: 13px;
		background: url(#{$firstlevel-path}images/subpage/radio-icon.png) no-repeat;
		border: none;
		cursor: pointer;
		background-position: -20px -20px;
		margin-right:5px;
		margin-top: -4px;
	}
	.J_form .uc-input-group .checked{
		background-position: -20px -73px;
	}
}
.uc-table-bd{
	td{
		border-top:1px solid #e4e4f0;
		&+td{
			text-align:center;
		}
	}
	.uc-tbd-txt{
		font-size:14px;
		color:#666;
		a{
			color:#6a8dea;
			text-decoration: underline;
		}
		&.msg-date{
			color:#ccc;
		}
	}
	&.uc-table-msg-bd{
		td{
			padding:20px 0;
			&+td{
				text-align: left;
			}
		}
		.uc-tbd-txt{
			display: inline;
			width:auto;
		}
	}
	&.uc-table-golbal-bd{
		.uc-tbd-txt{
			margin:0 auto;
			display: inline-block;
			width:138px;
			@include fn-text-ellipsis;
		}
	}
}
.uc-tbd-link{
	margin:10px auto;
	display:block;
	width:90px;
	height:34px;
	border:1px solid #e4e4f0;
	@include fn-border-radius(3px);
	font-size:14px;
	color: #666;
	line-height:32px;
	text-align:center;
	&:hover{
		background-color:#6a8dea;
		border-color:#5a75be;
		color:#fff;
	}
}

.browse-ftr{
	margin-top:36px;
	position: relative;
	width:100%;
	height:40px;
}
.all-del-btn{
	position: absolute;
	top:0;
	left:31px;
	z-index:2;
	display:block;
	width:100px;
	height:40px;
	text-align:center;
	line-height:40px;
	color:#fff;
	background-color:#ccc;
	@include fn-border-radius(3px);
	// cursor: not-allowed;
	&:hover{
		color:#fff;
	}
	&.hover-btn{
		background-color:#ff9f58;
		color:#fff;
		cursor:pointer;
	}
}


/*我的点评*/
.uc-review-panel{
	padding:0 10px;
	width:100%;
	overflow:hidden;
	@include fn-clearfix;
	border:1px solid #e4e4f0;
	border-top:none;
	background:#fff;
}
.uc-review-item{
	width:100%;
	padding:20px;
	&.uc-review-item{
		border-top:1px solid #f2f2f2;
	}
}
.uc-item-cont{
	display:block;
	width:100%;
	overflow:hidden;
}
.uc-review-pic,.uc-review-txt{
	display:table-cell;
	vertical-align: top;
}
.uc-review-pic{
	width:130px;
	height:130px;
	img{
		width:100%;
		height:100%;
	}
}
.uc-review-txt{
	padding-left:20px;
	width:668px;
	height:130px;
}
.uc-review-tit{
	margin:0;
	width:638px;
	height:18px;
	font-size:16px;
	line-height:18px;
	color:#333;
	a{
		display:block;
		margin-right:150px;
		@include fn-text-ellipsis;
		&:hover{
			color:#6a8dea;
		}
	}
	time{
		float:right;
		font-size:14px;
		color:#999;
	}
}
.uc-review-desc{
	margin:4px 0;
	width:638px;
	font-size:14px;
	color:#666;
	line-height:20px;
	@include fn-text-ellipsis3;
	*{
		margin:0;
	}
}
.uc-review-ftr{
	margin-top:13px;
	width:638px;
	height:34px;
	overflow:hidden;
	.uc-tbd-link{
		margin:0;
		float:right;
	}
}
.review-star{
	display:block;
	margin-right:120px;
	li{
		display:inline-block;
		float:left;
		font-size:12px;
		color:#333;
		line-height:34px;
		font-weight:700;
		&+li{
			margin-left:22px;
		}
		i{
			margin:0 4px;
			font-size:14px;
			color:#ccc;
			line-height:34px;
			&.active{
				color:#ffa657;
			}
		}
	}
}

/*-----------------------修改密码---------------------*/
.revamp-list{
	padding-top: 78px;
	padding-bottom: 100px;
	& li{
		width:420px;
		margin: 0 auto 20px;
		@include fn-clearfix;
		position: relative;
		overflow: hidden;
		& span{
			position:absolute;
			left: 1px;
			top: 1px;
			display: block;
			width: 120px;
			border-right:1px solid #e4e4f0;
			height: 48px;
			line-height: 48px;
			background-color: #f2f2f2;
			color: #333333;
			font-size: 14px;
			& i{
				position:relative;
				display: inline-block;
				width: 16px;
				height: 24px;
				background: url(../images/subpage/foot-icon_01.png) no-repeat;
				top: 8px;
				margin-left: 14px;
				margin-right: 8px;
				
			}
		}
		.code-cont{
			width:300px;
		}
		.g-btn{
			height:54px;
			background-color: #435abe;
		}
	}
	& .nth1{
		& span{
			& i{
				background-position: -20px -20px;
			}
		}
	}
	& .nth2{
		& span{
			& i{
				background-position: -20px -84px;
			}
		}
	}
	& .nth3{
		& span{
			& i{
				background-position: -20px -148px;
			}
		}
	}
	& .input-txt{
		height:50px;
		padding-left: 136px;
		background-color: #fff;
	}
}

.get-code1{
	width:110px;
	height: 50px;
	border: 1px solid #e4e4f0;
	text-align: center;
	line-height: 50px;
	background-color: #6a8dea;
	color: #fff;
	font-size: 14px;
	@include fn-border-radius(4px);
	&:hover{
		color:#fff;
	}
}

/*======================修改成功=================*/
.rept-win{
	position: relative;
	padding-left: 114px;
	//width: 350px;
	width:456px;
	margin: 118px auto ;
	height:92px;
	&:before{
		content:'';
		display: block;
		position:absolute;
		left: 0;
		top: 0;
		background: url(#{$firstlevel-path}images/subpage/success1.png) no-repeat;
		width: 91px;
		height: 91px;
	
	}
	& h4{
		color:#333333;
		font-size: 24px;
		line-height: 34px;
		margin:0px 0 7px;
		padding-top:10px;
	}
	& a{
		display:block;
		width: 90px;
		height: 30px;
		line-height: 30px;
		border: 1px solid #dfdfdf;
		text-align: center;
		@include fn-border-radius(4px);
		color: #666666;
		font-size: 14px;
	}
	& p{
		color:#666666;
		font-size: 14px;
		& i{
			color:#435bbe;
			font-style: normal;
		}
	}
}
.rept-win-cont{
	min-height:522px;
}
.st-rept{
	min-height:522px;
}
.revamp-list{
	.mt-120{
		margin-top:120px;
	}
}
/*======================弹出框======================*/
.pop-box{
	width:100%;
	background-color: #fff;
	margin: 0 auto;
	padding:10px 0;
	@include fn-border-radius(5px);
	position: relative;
}

.xs-close{
	display: block;
	width: 18px;
	height: 18px;
	background: url(#{$firstlevel-path}images/subpage/close.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: 10px;
	top: 10px;
}
.abolish{
	& span{
		display: block;
		width: 72px;
		height: 72px;
		background: url(#{$firstlevel-path}images/subpage/sure-icon.png) no-repeat;
		margin: 20px auto;
	}
	& p{
		color:#808080;
		font-size: 20px;
		line-height: 34px;
		text-align: center;
		margin: 0;
	}
}
.abolish-btn{
	font-size: 0;
	line-height: 0;
	text-align: center;
	padding: 30px 0;
	& .s-btn{
		display: inline-block;
		width: 90px;
		height: 34px;
		border: 1px solid #5a75be;
		background-color: #6a8dea;
		margin: 0 40px;
		font-size: 12px;
		color: #fff;
		line-height: 34px;
	}
}
.lg-tips{
	.layui-layer-content{
		text-align: center;
	}
}
.z-mt-20{
	margin-top: 20px;
}